<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>

</head>
<body>
<!--
    修改节点：
        replaceChild(newnode, oldnode)
            语法： 父节点.replaceChild(newnode, oldnode)
-->
    <ul id="parent">
        <li id="first">列表一</li>
        <li id="second">列表二</li>
        <li id="third">列表三</li>
        <li id="fifth">列表三</li>
    </ul>
    <script type="text/javascript">
        // 要求：用新节点替换second节点
        // 第一步：创建新的节点：
        //     1.1创建元素节点
        var liobj = document.createElement("li");
        //     1.2创建属性节点
        liobj.className = "wmf healthy"
        //     1.3创建文本节点
        liobj.innerHTML = "<p>这是新增的</p>"
        // 第二步：获取要替换的节点
        var second = document.getElementById("second");
        // 第三步：替换
        //     3.1获取父节点
        var parent = document.getElementById("parent");
        //     3.2 替换
        parent.replaceChild(liobj,second);
        log(parent);

        // 也可以直接替换属性节点
        liobj.className = "wmf is healthy";
        log(parent);

    </script>
</body>
</html>